{% extends "base.html" %}
{% load i18n %}

{% block content %}
<p>Fill out the form below and your account will be created; you'll be sent an email with instructions on how to finish your registration.</p>

{% if form.errors %}
<p class="error">Please correct the errors below:</p>
{% endif %}

<form method="post" action="">

  <div class="section">
       <h3>{% trans "New User" %}</h3>
   </div>
   
   <div class="section-item">
     <label for="id_userName">{% trans "User name" %}</label>
     {{ form.username }}
   {% if form.username.errors %} <span class="error">{{ form.username.errors|join:", " }}</span>{% endif %}
   </div>

   <div class="section-item">
     <label for="id_email">{% trans "Email addres" %}</label>
     {{ form.email }}
   {% if form.email.errors %} <span class="error">{{ form.email.errors|join:", " }}</span>{% endif %}
   </div>

   <div class="section-item">
     <label for="id_password1">{% trans "Password" %}</label>
     {{ form.password1 }}
     {% if form.password1.errors %} <span class="error">{{ form.password1.errors|join:", " }}</span>{% endif %}
   </div>

   <div class="section-item">
     <label for="id_password2">{% trans "Password (type again)" %}</label>
     {{ form.password2 }}
     {% if form.password2.errors %} <span class="error">{{ form.password2.errors|join:", " }}</span>{% endif %}
   </div>

<label for="id_tos">I have read and agree to the <a href="/about/tos/">Terms of Service</a>:</label>{% if form.tos.errors %}&nbsp;<span class="error">{{ form.tos.errors|join:", " }}</span>{% endif %}&nbsp;&nbsp;{{ form.tos }}

  <div class="section-item">
     <label for="submit"></label>
      <input type="submit"  value="Register" />
    </div>
    
</form>
{% endblock %}
